<!DOCTYPE html>
<html style="min-height: 100%;" class="no-js" lang="zh-cn"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Type">
<meta content="text/html; charset=utf-8">
<meta charset="utf-8">
<title>中秋节测试</title>		
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<link rel="stylesheet" type="text/css" href="../../www/Public/Web/css/animations.css">
<link rel="stylesheet" type="text/css" href="../../www/Public/Web/css/layout.css">
<link rel="stylesheet" type="text/css" href="../../www/Public/Special/Css/Reunion/reunion.css"/>
<link rel="stylesheet" type="text/css" href="../../www/Public/Special/Css/Invitefriends/csshake.css"/>
</head>
<style type="text/css">
	.arrow-up{
	height:auto;
	width:100%;
	position:absolute;
	left:0;
	/*top:94%;*/
	z-index:2;
	animation: up 1s linear 0s infinite alternate ;
	-webkit-animation: up 1s linear 0s infinite alternate ;
	-moz-animation: up 1s linear 0s infinite alternate ;
	-o-animation: up 1s linear 0s infinite alternate ;
}
@keyframes up{
	0%{ top: 92%;}
	50%{top: 94%;}
	100%{ top: 92%;}
}
@-moz-keyframes up{
	0%{ top: 92%;}
	50%{top: 94%;}
	100%{ top: 92%;}
}
@-webkit-keyframes up{
	0%{ top: 92%;}
	50%{top: 94%;}
	100%{ top: 92%;}
}
@-o-keyframes up{
	0%{ top: 92%;}
	50%{top: 94%;}
	100%{ top: 92%;}
}

</style>
<body style="height: 100%;min-height: 480px;">
<div id="page-content" style="z-index: 100;">
	<div class="page page-1 page-current">
		<div class="wz-1">
			<img width="100%" src="../../www/Public/Special/Img/Reunion/01.png" alt="明月几时有" />
		</div>
		<div class="wz-2">
			<img width="100%" src="../../www/Public/Special/Img/Reunion/02.png" alt="举饼问青天" />
		</div>
		<img class="fd" src="../../www/Public/Special/Img/Reunion/03.png" alt="" />
		<img class="yun" src="../../www/Public/Special/Img/Reunion/04.png" alt="" />
		<canvas id="gbcanvas" class="cy1" width="40" height="20"></canvas>
		<canvas id="gbcanvas1" class="cy2" width="50" height="20"></canvas>
		<div class="arrow-up" style="text-align: center;height: 22px;">
			<img width="3.9%" src="../../www/Public/Special/Img/Reunion/web-y-r-x.png" alt="" >
		</div>
	</div>
	<div class="page page-2 hide">
		<div class="wz-3">
			<img class="left" height="100%" src="../../www/Public/Special/Img/Reunion/07.png" alt="时至如今，" />
		</div>
		<div class="wz-4">
			<img class="left" height="100%" src="../../www/Public/Special/Img/Reunion/08.png" alt="时至如今，" />
		</div>
		<img class="yun-1" src="../../www/Public/Special/Img/Reunion/09.png" alt="" />
		<img class="yun-2" src="../../www/Public/Special/Img/Reunion/10.png" alt="" />
		<img class="out" src="../../www/Public/Special/Img/Reunion/11.png" alt="" />
		<div class="arrow-up pt-page-moveIconUp" style="text-align: center;">
			<img width="3.9%" src="../../www/Public/Special/Img/Reunion/web-y-r-x.png" alt="" >
		</div>
	</div>
	<div class="page page-3 hide">
		<img class="wz-5" src="../../www/Public/Special/Img/Reunion/12.png" alt="" />
		<img class="wz-6" src="../../www/Public/Special/Img/Reunion/13.png" alt="" />
		<img class="wz-7" src="../../www/Public/Special/Img/Reunion/14.png" alt="" />
		<img class="yun-3" src="../../www/Public/Special/Img/Reunion/15.png" alt="" />
		<img class="yun-4" src="../../www/Public/Special/Img/Reunion/16.png" alt="" />
		<div style="position: absolute;bottom:13% ;left: 0;width: 100%;height: 13%">
			<a class="anv" href="reuniont.html">
				<img class="anv-1 shake-constant shake shake-vertical" src="../../www/Public/Special/Img/Reunion/18.png" alt="" />
				<img class="anv-2 shake-constant shake shake-vertical" src="../../www/Public/Special/Img/Reunion/19.png" alt="" />
			</a>
		</div>
	</div>		
</div>

<div id="page-ft"></div>
<script type="text/javascript" src="../../www/Public/Web/Js/zepto.js"></script>
<script type="text/javascript" src="../../www/Public/Web/Js/touch.js"></script>
<script type="text/javascript" src="../../www/Public/Web/Js/index.js"></script>
<script src="../../www/Public/Special/Js/Reunion/reunion.js" type="text/javascript" charset="utf-8"></script>
<iframe src="reunionmusic.html" name="myFrame" scrolling="no" frameborder="0" class="musicBtn"></iframe>
</body>
</html>